<script setup lang="ts">
const props = defineProps<{
  data: any[];
}>();
</script>

<template>
  <div v-grid="150">
    <div v-for="x in data" :key="x.key">
      <t-checkbox v-model:checked="x.visible">{{ x.name }}</t-checkbox>
    </div>
  </div>
</template>

<style scoped lang="less"></style>
